<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>vue</title>
</head>
<body>
    <div id="app"></div>
    <script src="myVue.js"></script>
    <script>
        console.log(Vue)
        var vm = new Vue({
            el:'#app',//你想把内容渲染到哪个元素里
            data:{msg:'hello'},//通过data属性定义数据模型
            template:`<span>{{msg}}</span>`,//指定你想渲染的内容
        });
        console.log(vm);
        //vm.$options Vue选项对象
        //console.log(vm)
        //vm.$el =span真实DOM
        //console.log(vm._data.msg)
        //console.log(vm.msg)
        //插值表达式 插值指的是在模板中插入一个变量的值
        //当创建Vue实例的时候，Vue会找到所有的插件表达式，并且实际的数据对它进行替换
        //表达式 
    </script>
</body>
</html>